<template>
  <div class="flex ht100 flex-v pd-15 box-border">
    <div class="header">
      <span>sd</span>
      <el-button type="primary" class="pull-right">新建</el-button>
    </div>
    <div class="search">
      <el-input placeholder="请输入关键词搜索" v-model="input5">
        <el-button slot="append" icon="search"></el-button>
      </el-input>
    </div>
    <div class="content flex1 mt-10 flex flex-v">
      <el-table
        :data="tableData3"
        class="flex1"
        height="100%"
        border
        style="width: 100%">
        <el-table-column
          prop="date"
          label="日期"
          width="180">
        </el-table-column>
        <el-table-column
          prop="name"
          label="姓名"
          width="180">
        </el-table-column>
        <el-table-column
          prop="address"
          label="地址">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      data:[],
      pageParams:[]
    }
  },
  mounted(){
      this.Api.getWehcat(this.pageParams).then((response)=>{
          this.data=response.data.data;
          this.pageParams=response.data.pageParams;
      })
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .header{
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
.header span{
  line-height: 40px;
  font-size: 24px;
}
</style>
